<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			dv
			<div>dv1</div>
			<div id="dv2">
				dv2
				<div>dv22</div>			
			</div>
			<div>dv3</div>
		</div>
	</body>
	<script>
	// 元素定位
	var dv2=document.getElementById("dv2");
	// 获取元素的父节点
	console.log("元素的父节点")
	console.log(dv2.parentNode.parentNode.parentNode.parentNode)
	// 获取元素的父元素
	console.log("元素的父元素")
	console.log(dv2.parentElement.parentElement.parentElement.parentElement)
	
	// 获取元素子节点
	console.log(dv2.childNodes)
	// 获取元素的子元素
	console.log(dv2.children)
	
	// 获取元素的兄弟节点（上一个）
	console.log("元素的上一个节点")
	console.log(dv2.previousSibling)
	console.log("元素的上一个元素")
	console.log(dv2.previousElementSibling)
	
	// 获取元素的兄弟节点（下一个）
	console.log("元素的下一个节点")
	console.log(dv2.nextSibling)
	console.log("元素的下一个元素")
	console.log(dv2.nextElementSibling)
	
	
	
	</script>
</html>
